<%@ page contentType="text/html; charset=UTF-8" language="java" isErrorPage="false" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <link rel="Shortcut Icon" href="../../images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/css/bootstrap.css">
    <style>
        .form-signin{
            width: 100%;
            max-width: 330px;
            padding: 15px;
            margin:auto;
        }
    </style>
</head>
<body>
    <!-- 头部导航栏 -->
    <%@ include file="header.jsp"%>
    <!--登陆表单 -->
    <section class="mt-5 text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-sm-12 shadow">
                    <form class="form-signin" action="/login" method="post">
                        <h1 class="h3 mb-3 font-weight-normal mt-5 mb-5">登陆</h1>
                        <label for="inputUsername" class="sr-only">用户名</label>
                        <input type="text" id="inputUsername" class="form-control mt-2" name="username" placeholder="Username" required autofocus="">
                        <label for="inputPassword" class="sr-only">密码</label>
                        <input type="password" id="inputPassword" class="form-control mt-2" name="password" placeholder="Password" required>
                        <div class="checkbox mb-3 mt-2">
                            <label>
                                <input type="checkbox" value="true" name="remember">记住我
                            </label>
                        </div>
                        <button class="btn btn-lg btn-primary btn-block" type="submit">登陆</button>
                        <span class="text-muted small" style="color: red;!important;">${loginmsg}</span>
                        <div class="dropdown-divider"></div>
                        <div class="row">
                            <div class="col-6 text-left small"><a href="/user/findmypassword" style="text-decoration: none;">忘记密码?</a></div>
                            <div class="col-6 text-right small"><a href="/register" style="text-decoration: none;">还没注册?</a></div>
                        </div>
                        <p class="mt-5 mb-3 text-muted">©WDNMD 2020</p>
                    </form>
                </div>
            </div>
        </div>
    </section>


    <!--引入JQuery,再引入popper.js，最后引入bootstrap.js-->
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.bundle.js"></script>
</body>
</html>